<table class="list" width="98%" align="right" style="margin-bottom: 15px;">
	<thead>
		<tr>
			<th width="60">
				cols(列)
			</th>
			<th>
				列标题 title
			</th>
			<th>
				item templet(模板)
			</th>
			<th>
				item demo(样例)
			</th>
			<th align="right" width="80">
				<span>操作</span>
				<a class="edit"
					href="demo/tab/tab_item_add.html?tab_id={tab_id}"
					target="dialog" warn="非法参数（{tab_id}）" width="750" height="540"
					callback="$this.parents('table.list').find('>tbody.list').jBind().initUI()"
					title="新增列"><span>新增列</span>
				</a>
			</th>
		</tr>
	</thead>
	<tbody class="templet">
		<tr tab_item="${item_id}">
			<td>第${num}列</td>
			<td name="title" title="${title}">${title}</td>
			<td name="templet" title="${templet}">${templet}</td>
			<td name="demo" title="${demo}">${demo}</td>
			<td align="right">
				<a class="edit" href="demo/tab/tab_item_update.html?item_id=${item_id}"
					target="dialog" warn="非法参数（）" width="750" height="600"
					callback="updateDemoTabItem"><span>修改</span>
				</a>
				<a class="edit" url="/demo/tab/item/${item_id}"
					callback="$this.parents('tr[tab_item=${item_id}]').remove()"
					type="delete" target="navTabTodo" title="确定要删除选中的数据吗？"
					warn="请选择需要删除的数据项！"><span>删除</span> 
				</a>
			</td>
		</tr>
	</tbody>
	<tbody class="list" action="/demo/tab/{tab_id}/item">
	</tbody>
</table>
<script>
function updateDemoTabItem(item){
	var table=$("table.list");
	var tabItem=$("tr[tab_item="+item.item_id+"]",table);
	tabItem.find("td[name=title]").text(item.title);
	tabItem.find("td[name=container]").text(item.container);
	tabItem.find("td[name=templet]").text(item.templet);
	tabItem.find("td[name=demo]").text(item.demo);
	alertMsg.correct("更新成功");
}
</script>